var $ = require('../../lib/jquery');
var util = require('./common/util');
var nav = require('./common/nav');
var template = require('../tpl/template');
var _header = require('./common/header');
var minHeight = require('./common/minHeight');
minHeight.init();
var _nav = new nav();
var header = new _header();
$('.js_index').on('click',function(){
  location.href="./index.html"
})
var yuyueguahao = {
  init: function () {
    this.typeFetch();
    this.hotelList();
    this.keshifetch();
    this.bindevent();
  },
  type:0,
  hospitalList: '<li class="df" data-id="{{id}}"> <div class="left" style="background:url(yy_img);background-size:100% 100%;" > </div> <div class="center" > <h6> {{name}} </h6> <p class="level"> {{rank}} </p> <p> <span class="tel"> </span>电话：{{yyphone}} </p> <p> <span class="address" > </span>地址：{{address}}</p> </div> <div class="right" > </div> </li>',
  typeTPL:'<span class="{{#on}}" data-id="{{#id}}" data-name="{{#name}}">{{#name}}</span>',
  typeFetch: function () { // 医院类型
    var _this = this;
    util.fetch('api/make/queryHospitalType',{
      token:'str'
    }).then(function(res){
      (res.data.level || []).forEach(function(item,index){
        $('body').find('.js_level').append(_this.typeTPL.replace(/{{#name}}/g,item.name).replace('{{#id}}',item.id).replace('{{#on}}',(index==-1? 'on':'')))
      });
      (res.data.type||[]).forEach(function (item, index) {
        $('body').find('.js_type').append(_this.typeTPL.replace(/{{#name}}/g, item.name).replace('{{#id}}', item.id).replace('{{#on}}',(index==-1?'on':'')))
      })
    }).fail(function(res){
      alert('接口异常')
    })
  },
  hotelList: function () { // 医院列表
    var _this = this;
    var typeD= $(".js_type").find('.on').data();
    var levelD = $('.js_level').find('.on').data();
    var dept_name = '';
    if(this.type == 1){
      dept_name = $('.js_keshi').data().deptname || '';
    }
    util.fetch('api/make/queryHospital',{
      currentPage:this.page,
      pageSize:10,
      hospital_type: typeD && typeD.name,
      hospital_level: levelD && levelD.name,
      dept_name: dept_name
    }).then(function(res){
      _this.maxpage = res.data.totalPageSize;
      var data = res.data.data;
      var str = ''
      for(var i =0;i<data.length;i++){
        if (!data[i].yy_img){
          data[i].yy_img = '../dist/img/hospital.jpeg';
        }
        str += _this.hospitalList.replace('{{id}}', data[i].id).replace('{{rank}}', data[i].rank).replace('{{name}}', data[i].name).replace('{{address}}', data[i].address).replace('{{yyphone}}', data[i].yyphone).replace('yy_img', data[i].yy_img)
      }
      $('.js_doclist').html(str);
      if (_this.maxpage<=1){
        $('.js_btns').addClass('hide');
      }else{
        $('.js_btns').removeClass('hide');
        $('.js_num_wrap').html(_this.page + '/' + _this.maxpage);
        if (_this.page == 1) {
          $('.js_changepage_reduce').removeClass('blue');
        } else {
          $('.js_changepage_reduce').addClass('blue');
        }
        if (_this.page == _this.maxpage) {
          $('.js_changepage_add').removeClass('blue');
        } else {
          $('.js_changepage_add').addClass('blue');
        }
      }
    })
  },
  page:1,
  maxpage:null,
  keshifetch: function () {
    util.fetch('api/make/queryDepartment', {
      token:"str",
    }).then(function(res){
      var tpl = template('keshi',{data:res.data})
      $('.js_office_wrap').html(tpl);
    })
  },
  bindevent: function () {
    var _this = this;
    $('body').on('click','.js_type span', function () {
      $('.js_type span').removeClass('on');
      $(this).addClass('on');
      _this.page =1;
      _this.hotelList();
    })
    $('body').on('click', '.js_level span', function () {
      $('.js_level span').removeClass('on');
      $(this).addClass('on');
      _this.page = 1;
      _this.hotelList();
    })
    $('body').on('click', '.js_changepage_reduce', function(){
      if (_this.page > 1){
        _this.page --;
        _this.hotelList();
      }
    })
    $('body').on('click', '.js_changepage_add', function() {
        if (_this.page < _this.maxpage){
          _this.page++;
          _this.hotelList();
        }
    })
    $('.js_tab_change').on('click','.tab', function () {
      var dom = $(this).data().dom;
      _this.type = $(this).data().type;
      $('.js_tab_change').find('.tab').removeClass('tab4');
      $(this).addClass('tab4');
      
      if(_this.type !=2){
        $('.js_all').addClass('hide');
        $(dom).removeClass('hide');
        $('.js_jibin').hide();
      }else{
         $('.js_jibin').hide();
       // $('.js_jibin').show();
      }
      if(_this.type != 1){
        $('.js_keshi').addClass('hide');
        $('.js_hospital_wrap').removeClass('off-hos');
      }else{
        $('.js_keshi').removeClass('hide');
      }
    })
    $('body').on('click', '.js_doclist li', function () {
      var id = $(this).data().id;
      location.href = './yiyuan.html?id=' + id;
    })
    $('.js_office_wrap').on('click', '.js_deptId', function () {
      console.log($(this).data())
      $('.js_keshi').data({
        deptid
      : $(this).data().deptid,
      deptname: $(this).data().deptname
      }).removeClass('hide').html("选择科室：" + $(this).html());
      // 更改筛选的样式
      $('.js_hospital_wrap').removeClass('hide').addClass('off-hos');
      $('.js_office_wrap').addClass('hide');
      _this.hotelList();
    })
  },


}
yuyueguahao.init(); 